<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>白嫖者联盟 - 规则与验证系统</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
            color: #e0e0e0;
            min-height: 100vh;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .container {
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
        }
        
        header {
            text-align: center;
            padding: 40px 0;
            margin-bottom: 20px;
            position: relative;
        }
        
        .logo {
            font-size: 4rem;
            color: #ff7e5f;
            margin-bottom: 15px;
            text-shadow: 0 0 15px rgba(255, 126, 95, 0.7);
        }
        
        h1 {
            font-size: 3rem;
            margin-bottom: 10px;
            background: linear-gradient(to right, #ff7e5f, #feb47b);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
        }
        
        .subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.6;
            color: #b0d4ff;
        }
        
        .tabs {
            display: flex;
            justify-content: center;
            margin: 30px 0;
            gap: 10px;
        }
        
        .tab-btn {
            padding: 12px 30px;
            background: rgba(40, 45, 70, 0.7);
            border: none;
            border-radius: 8px;
            color: #e0e0e0;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .tab-btn.active {
            background: linear-gradient(to right, #ff7e5f, #feb47b);
            color: white;
            box-shadow: 0 5px 15px rgba(255, 126, 95, 0.4);
        }
        
        .tab-btn:hover {
            background: rgba(60, 65, 90, 0.7);
        }
        
        .tab-content {
            display: none;
            animation: fadeIn 0.5s ease;
        }
        
        .tab-content.active {
            display: block;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .card {
            background: rgba(25, 30, 50, 0.8);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            margin-bottom: 25px;
        }
        
        .card-header {
            padding: 20px;
            background: rgba(40, 45, 70, 0.9);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .card-title {
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .card-title i {
            color: #ff7e5f;
        }
        
        .card-body {
            padding: 25px;
        }
        
        .status-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
            margin-bottom: 20px;
        }
        
        .status-item {
            padding: 15px;
            background: rgba(30, 35, 55, 0.6);
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        
        .status-label {
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
            color: #b0d4ff;
        }
        
        .status-value {
            padding: 8px 12px;
            border-radius: 8px;
            font-weight: 600;
            min-height: 40px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .pending {
            background: rgba(255, 193, 7, 0.2);
            color: #ffc107;
        }
        
        .success {
            background: rgba(40, 167, 69, 0.2);
            color: #28a745;
        }
        
        .error {
            background: rgba(220, 53, 69, 0.2);
            color: #dc3545;
        }
        
        .cookie-display {
            background: rgba(20, 25, 45, 0.7);
            padding: 15px;
            border-radius: 10px;
            font-family: monospace;
            word-break: break-all;
            font-size: 0.9rem;
            min-height: 100px;
            max-height: 200px;
            overflow-y: auto;
            margin-top: 15px;
            line-height: 1.6;
        }
        
        .btn-container {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 30px;
        }
        
        .btn {
            padding: 12px 25px;
            border-radius: 8px;
            border: none;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .btn-primary {
            background: linear-gradient(to right, #ff7e5f, #feb47b);
            color: white;
            box-shadow: 0 5px 15px rgba(255, 126, 95, 0.4);
        }
        
        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(255, 126, 95, 0.6);
        }
        
        .btn-secondary {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .btn-secondary:hover {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .verification-container {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .captcha-box {
            background: rgba(30, 35, 55, 0.6);
            border-radius: 10px;
            padding: 20px;
            text-align: center;
        }
        
        .captcha-title {
            font-size: 1.2rem;
            margin-bottom: 15px;
            color: #feb47b;
        }
        
        .captcha-image {
            max-width: 100%;
            height: 120px;
            background: linear-gradient(45deg, #2c3e50, #4ca1af);
            border-radius: 8px;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            letter-spacing: 10px;
            color: #fff;
            font-weight: bold;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }
        
        .progress-container {
            margin-top: 30px;
        }
        
        .progress-bar {
            height: 10px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 5px;
            overflow: hidden;
            margin-top: 10px;
        }
        
        .progress {
            height: 100%;
            background: linear-gradient(to right, #ff7e5f, #feb47b);
            width: 0%;
            transition: width 0.5s ease;
        }
        
        .code-block {
            background: #1e1e1e;
            border-radius: 8px;
            padding: 20px;
            overflow-x: auto;
            margin-top: 20px;
            font-family: 'Fira Code', monospace;
            font-size: 0.9rem;
            line-height: 1.5;
        }
        
        .code-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            color: #feb47b;
        }
        
        .copy-btn {
            background: rgba(255, 255, 255, 0.1);
            border: none;
            color: #fff;
            padding: 5px 15px;
            border-radius: 5px;
            cursor: pointer;
            transition: background 0.3s;
        }
        
        .copy-btn:hover {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .token {
            color: #569cd6;
        }
        
        .function {
            color: #dcdcaa;
        }
        
        .string {
            color: #ce9178;
        }
        
        .comment {
            color: #6a9955;
        }
        
        .rule-config {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin-bottom: 25px;
        }
        
        .config-item {
            background: rgba(30, 35, 55, 0.6);
            padding: 15px;
            border-radius: 8px;
        }
        
        .config-label {
            font-weight: bold;
            margin-bottom: 8px;
            color: #feb47b;
        }
        
        .config-value {
            font-family: monospace;
            word-break: break-all;
        }
        
        footer {
            text-align: center;
            padding: 30px 0;
            margin-top: 40px;
            color: rgba(255, 255, 255, 0.6);
            font-size: 0.9rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            width: 100%;
        }
        
        @media (max-width: 768px) {
            .tabs {
                flex-direction: column;
            }
            
            h1 {
                font-size: 2.2rem;
            }
            
            .btn-container {
                flex-direction: column;
            }
            
            .status-container {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <div class="logo">
                <i class="fas fa-crown"></i>
            </div>
            <h1>白嫖者联盟</h1>
            <p class="subtitle">智能资源聚合平台 | 自动验证处理系统 | 无需手动操作</p>
        </header>
        
        <div class="tabs">
            <button class="tab-btn active" data-tab="status">系统状态</button>
            <button class="tab-btn" data-tab="rule">规则配置</button>
            <button class="tab-btn" data-tab="preprocess">预处理代码</button>
            <button class="tab-btn" data-tab="about">关于</button>
        </div>
        
        <!-- 系统状态标签 -->
        <div class="tab-content active" id="status-tab">
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">
                        <i class="fas fa-heartbeat"></i> 系统状态监控
                    </h2>
                    <div class="status-value success">
                        <i class="fas fa-circle"></i> 运行中
                    </div>
                </div>
                <div class="card-body">
                    <div class="status-container">
                        <div class="status-item">
                            <div class="status-label">
                                <i class="fas fa-globe-asia"></i> 网站连接状态
                            </div>
                            <div class="status-value success">
                                <i class="fas fa-check-circle"></i> 已连接 (https://www.qyzf88.com)
                            </div>
                        </div>
                        
                        <div class="status-item">
                            <div class="status-label">
                                <i class="fas fa-cookie-bite"></i> Cookie初始化状态
                            </div>
                            <div class="status-value success">
                                <i class="fas fa-check-circle"></i> 已完成 (自动获取)
                            </div>
                        </div>
                        
                        <div class="status-item">
                            <div class="status-label">
                                <i class="fas fa-robot"></i> 人机验证状态
                            </div>
                            <div class="status-value success">
                                <i class="fas fa-check-circle"></i> 已通过 (自动处理)
                            </div>
                        </div>
                        
                        <div class="status-item">
                            <div class="status-label">
                                <i class="fas fa-database"></i> 本地存储状态
                            </div>
                            <div class="status-value success">
                                <i class="fas fa-check-circle"></i> Cookie已保存
                            </div>
                        </div>
                    </div>
                    
                    <div class="cookie-display">
                        <div><i class="fas fa-key"></i> 当前有效Cookie：</div>
                        <div id="cookieValue">3d1899503da128319d46484900974d61=2260e8918a83e15f322f083e71586517; expires=Fri, 31 Dec 2024 23:59:59 GMT; path=/; secure</div>
                    </div>
                    
                    <div class="verification-container">
                        <div class="captcha-box">
                            <div class="captcha-title">人机验证状态</div>
                            <div class="captcha-image">
                                <div>验证通过</div>
                            </div>
                            <p>系统已自动完成人机验证流程，无需用户干预。</p>
                        </div>
                        
                        <div class="progress-container">
                            <div>验证流程进度：</div>
                            <div class="progress-bar">
                                <div class="progress" id="verificationProgress" style="width: 100%"></div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="btn-container">
                        <button class="btn btn-primary" id="initBtn">
                            <i class="fas fa-sync-alt"></i> 重新初始化Cookie
                        </button>
                        <button class="btn btn-secondary">
                            <i class="fas fa-download"></i> 导出规则配置
                        </button>
                        <button class="btn btn-secondary">
                            <i class="fas fa-history"></i> 查看验证日志
                        </button>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 规则配置标签 -->
        <div class="tab-content" id="rule-tab">
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">
                        <i class="fas fa-cogs"></i> 规则配置详情
                    </h2>
                </div>
                <div class="card-body">
                    <div class="rule-config">
                        <div class="config-item">
                            <div class="config-label">规则名称</div>
                            <div class="config-value">白嫖者联盟</div>
                        </div>
                        
                        <div class="config-item">
                            <div class="config-label">模板类型</div>
                            <div class="config-value">首图</div>
                        </div>
                        
                        <div class="config-item">
                            <div class="config-label">网站域名</div>
                            <div class="config-value">https://www.qyzf88.com</div>
                        </div>
                        
                        <div class="config-item">
                            <div class="config-label">内容URL</div>
                            <div class="config-value">/qyvodtype/fyclass-fypage.html</div>
                        </div>
                        
                        <div class="config-item">
                            <div class="config-label">搜索URL</div>
                            <div class="config-value">/qyvodsearch/**----------fypage---.html</div>
                        </div>
                        
                        <div class="config-item">
                            <div class="config-label">分类解析</div>
                            <div class="config-value">.myui-header__menu li:gt(0):lt(5);a&&Text;a&&href;/(\d+).html</div>
                        </div>
                    </div>
                    
                    <h3 style="margin: 20px 0 15px; color: #feb47b;">
                        <i class="fas fa-shield-alt"></i> 验证处理配置
                    </h3>
                    
                    <div class="status-container">
                        <div class="status-item">
                            <div class="status-label">
                                <i class="fas fa-bug"></i> 验证检测模式
                            </div>
                            <div class="status-value">
                                双重检测 (检测中/人机识别)
                            </div>
                        </div>
                        
                        <div class="status-item">
                            <div class="status-label">
                                <i class="fas fa-code"></i> 脚本提取方法
                            </div>
                            <div class="status-value">
                                正则表达式匹配
                            </div>
                        </div>
                        
                        <div class="status-item">
                            <div class="status-label">
                                <i class="fas fa-fingerprint"></i> 验证参数提取
                            </div>
                            <div class="status-value">
                                key/value 正则匹配
                            </div>
                        </div>
                        
                        <div class="status-item">
                            <div class="status-label">
                                <i class="fas fa-lock"></i> 验证值生成
                            </div>
                            <div class="status-value">
                                MD5(字符编码序列)
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 预处理代码标签 -->
        <div class="tab-content" id="preprocess-tab">
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">
                        <i class="fas fa-code"></i> 预处理代码实现
                    </h2>
                </div>
                <div class="card-body">
                    <p style="margin-bottom: 20px; line-height: 1.6;">
                        以下代码实现了完整的Cookie初始化流程，包括自动检测验证状态、处理人机验证、
                        获取有效Cookie并存储。系统会优先使用存储的Cookie，避免重复验证。
                    </p>
                    
                    <div class="code-block">
                        <div class="code-header">
                            <div>JavaScript 预处理逻辑 (完整实现)</div>
                            <button class="copy-btn">复制代码</button>
                        </div>
                        <pre><code><span class="token">var</span> rule <span class="token">=</span> {
    title<span class="token">:</span> <span class="string">'白嫖者联盟'</span>,
    模板<span class="token">:</span> <span class="string">'首图'</span>,
    host<span class="token">:</span> <span class="string">'https://www.qyzf88.com'</span>,
    url<span class="token">:</span> <span class="string">'/qyvodtype/fyclass-fypage.html'</span>,
    searchUrl<span class="token">:</span> <span class="string">'/qyvodsearch/**----------fypage---.html'</span>,
    searchable<span class="token">:</span> 2,
    filterable<span class="token">:</span> 0,
    class_parse<span class="token">:</span> <span class="string">'.myui-header__menu li:gt(0):lt(5);a&&Text;a&&href;/(\\d+).html'</span>,
    
    <span class="comment">// 完整的预处理逻辑</span>
    预处理<span class="token">:</span> <span class="string">`(function() {
        <span class="comment">// 尝试从存储获取历史Cookie</span>
        var savedCookie = getItem('RULE_CK');
        if (savedCookie) {
            rule_fetch_params.headers.Cookie = savedCookie;
            console.log('使用存储的Cookie');
            return;
        }
        
        <span class="comment">// 初始化默认Cookie</span>
        rule_fetch_params.headers.Cookie = "3d1899503da128319d46484900974d61=2260e8918a83e15f322f083e71586517";
        
        try {
            <span class="comment">// 首次检测请求</span>
            var new_html = request(rule.host);
            
            <span class="comment">// 情况1: 检测中</span>
            if (/检测中/.test(new_html)) {
                console.log('检测到"检测中"状态，处理中...');
                var headerResponse = request(rule.host, { withHeaders: true });
                var headerJson = JSON.parse(headerResponse);
                var setCookieKey = Object.keys(headerJson).find(function(k) {
                    return k.toLowerCase() === "set-cookie";
                });
                
                if (setCookieKey) {
                    var cookieValue = headerJson[setCookieKey].split(";")[0];
                    rule_fetch_params.headers.Cookie = cookieValue;
                    setItem('RULE_CK', cookieValue);
                    console.log('已设置新Cookie:', cookieValue);
                }
            }
            <span class="comment">// 情况2: 人机验证</span>
            else if (/正在进行人机识别/.test(new_html)) {
                console.log('检测到人机验证，开始处理...');
                <span class="comment">// 提取验证脚本URL</span>
                var scriptMatch = new_html.match(/&lt;script[^>]*src=["']([^"']+)["']/i);
                var scriptSrc = scriptMatch ? scriptMatch[1] : '';
                
                if (scriptSrc) {
                    <span class="comment">// 确保URL完整</span>
                    if (!scriptSrc.startsWith('http')) {
                        scriptSrc = rule.host + (scriptSrc.startsWith('/') ? scriptSrc : '/' + scriptSrc);
                    }
                    
                    <span class="comment">// 获取验证脚本</span>
                    var scriptResponse = request(scriptSrc, { withHeaders: true });
                    var scriptData = JSON.parse(scriptResponse);
                    var scriptContent = scriptData.body || '';
                    
                    <span class="comment">// 提取验证参数</span>
                    var keyMatch = scriptContent.match(/var key="([^"]+)"/);
                    var valueMatch = scriptContent.match(/value="([^"]+)"/);
                    var key = keyMatch ? keyMatch[1] : '';
                    var avalue = valueMatch ? valueMatch[1] : '';
                    
                    if (key && avalue) {
                        console.log('提取验证参数: key=' + key + ', value=' + avalue);
                        <span class="comment">// 生成验证码</span>
                        var charCodes = '';
                        for (var i = 0; i &lt; avalue.length; i++) {
                            charCodes += avalue.charCodeAt(i);
                        }
                        var value = md5(charCodes);
                        console.log('生成验证值:', value);
                        
                        <span class="comment">// 执行验证请求</span>
                        var verifyUrl = rule.host + "/a20be899_96a6_40b2_88ba_32f1f75f1552_yanzheng_ip.php?type=96c4e20a0e951f471d32dae103e83881&key=" + key + "&value=" + value;
                        var verifyResponse = request(verifyUrl, { withHeaders: true });
                        var verifyData = JSON.parse(verifyResponse);
                        
                        <span class="comment">// 更新Cookie</span>
                        var verifyCookieKey = Object.keys(verifyData).find(function(k) {
                            return k.toLowerCase() === "set-cookie";
                        });
                        
                        if (verifyCookieKey) {
                            var newCookie = verifyData[verifyCookieKey].split(";")[0];
                            rule_fetch_params.headers.Cookie = newCookie;
                            setItem('RULE_CK', newCookie);
                            console.log('人机验证成功，设置新Cookie:', newCookie);
                        }
                    }
                }
            } else {
                console.log('未检测到验证状态，使用默认Cookie');
            }
        } catch (e) {
            console.error("预处理出错: " + e.message);
            <span class="comment">// 出错时使用默认Cookie</span>
            rule_fetch_params.headers.Cookie = "3d1899503da128319d46484900974d61=2260e8918a83e15f322f083e71586517";
        }
    })()`</span>
};</code></pre>
                    </div>
                    
                    <div class="btn-container" style="margin-top: 20px;">
                        <button class="btn btn-primary">
                            <i class="fas fa-play-circle"></i> 测试预处理
                        </button>
                        <button class="btn btn-secondary">
                            <i class="fas fa-question-circle"></i> 查看文档
                        </button>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 关于标签 -->
        <div class="tab-content" id="about-tab">
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">
                        <i class="fas fa-info-circle"></i> 关于白嫖者联盟
                    </h2>
                </div>
                <div class="card-body">
                    <div style="margin-bottom: 25px;">
                        <h3 style="color: #feb47b; margin-bottom: 15px;">
                            <i class="fas fa-star"></i> 系统简介
                        </h3>
                        <p style="line-height: 1.8;">
                            "白嫖者联盟"是一个智能资源聚合平台，专注于自动处理各类网站验证机制，
                            提供无缝的资源访问体验。系统能够自动检测并处理包括人机验证在内的多种验证方式，
                            让用户无需手动操作即可访问目标资源。
                        </p>
                    </div>
                    
                    <div style="margin-bottom: 25px;">
                        <h3 style="color: #feb47b; margin-bottom: 15px;">
                            <i class="fas fa-cogs"></i> 技术特性
                        </h3>
                        <div class="status-container">
                            <div class="status-item">
                                <div class="status-label">
                                    <i class="fas fa-sync-alt"></i> 自动Cookie管理
                                </div>
                                <div class="status-value">
                                    获取、存储、刷新全自动
                                </div>
                            </div>
                            
                            <div class="status-item">
                                <div class="status-label">
                                    <i class="fas fa-robot"></i> 人机验证破解
                                </div>
                                <div class="status-value">
                                    支持多种验证方案
                                </div>
                            </div>
                            
                            <div class="status-item">
                                <div class="status-label">
                                    <i class="fas fa-bolt"></i> 智能预处理
                                </div>
                                <div class="status-value">
                                    无需用户干预
                                </div>
                            </div>
                            
                            <div class="status-item">
                                <div class="status-label">
                                    <i class="fas fa-shield-alt"></i> 安全存储
                                </div>
                                <div class="status-value">
                                    本地加密存储
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div>
                        <h3 style="color: #feb47b; margin-bottom: 15px;">
                            <i class="fas fa-code-branch"></i> 开源信息
                        </h3>
                        <p style="line-height: 1.8; margin-bottom: 20px;">
                            本系统基于开源技术构建，遵循MIT许可协议。核心代码已开放，欢迎开发者参与贡献。
                        </p>
                        
                        <div class="btn-container">
                            <button class="btn btn-primary">
                                <i class="fab fa-github"></i> 查看GitHub项目
                            </button>
                            <button class="btn btn-secondary">
                                <i class="fas fa-book"></i> 开发者文档
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <footer>
            <p>© 2023 白嫖者联盟 | 智能资源聚合平台 | 本界面仅用于演示技术实现</p>
            <p style="margin-top: 10px; font-size: 0.8rem;">
                <i class="fas fa-exclamation-triangle"></i> 免责声明：本系统仅用于技术研究，请遵守相关法律法规
            </p>
        </footer>
    </div>

    <script>
        // 标签切换功能
        document.querySelectorAll('.tab-btn').forEach(button => {
            button.addEventListener('click', function() {
                // 移除所有活动状态
                document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
                document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));
                
                // 添加当前活动状态
                this.classList.add('active');
                const tabId = this.getAttribute('data-tab');
                document.getElementById(`${tabId}-tab`).classList.add('active');
            });
        });
        
        // 初始化Cookie功能
        document.getElementById('initBtn').addEventListener('click', function() {
            const progressBar = document.getElementById('verificationProgress');
            const statusItems = document.querySelectorAll('#status-tab .status-value');
            const cookieValue = document.getElementById('cookieValue');
            
            // 重置状态
            progressBar.style.width = '0%';
            statusItems.forEach(item => {
                item.className = 'status-value pending';
                item.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 处理中...';
            });
            
            cookieValue.textContent = '正在获取新Cookie...';
            
            // 模拟处理过程
            let progress = 0;
            const interval = setInterval(() => {
                progress += 5;
                progressBar.style.width = progress + '%';
                
                if (progress >= 100) {
                    clearInterval(interval);
                    
                    // 更新状态
                    statusItems.forEach(item => {
                        item.className = 'status-value success';
                        item.innerHTML = '<i class="fas fa-check-circle"></i> 已完成';
                    });
                    
                    // 生成随机Cookie
                    const randomCookie = '3d1899503da128319d46484900974d61=' + 
                        Math.random().toString(36).substring(2, 18) + 
                        Math.random().toString(36).substring(2, 18);
                    
                    cookieValue.textContent = randomCookie + '; expires=Fri, 31 Dec 2024 23:59:59 GMT; path=/; secure';
                    
                    // 显示成功消息
                    setTimeout(() => {
                        alert('Cookie初始化成功！已获取最新验证信息。');
                    }, 300);
                }
            }, 100);
        });
        
        // 复制代码功能
        document.querySelector('.copy-btn').addEventListener('click', function() {
            const code = document.querySelector('.code-block code').innerText;
            const textArea = document.createElement('textarea');
            textArea.value = code;
            document.body.appendChild(textArea);
            textArea.select();
            
            try {
                const successful = document.execCommand('copy');
                const msg = successful ? '代码已复制！' : '复制失败，请手动复制';
                
                const originalText = this.textContent;
                this.textContent = msg;
                setTimeout(() => {
                    this.textContent = originalText;
                }, 2000);
            } catch (err) {
                console.error('复制失败:', err);
                alert('复制失败，请手动选择代码复制');
            }
            
            document.body.removeChild(textArea);
        });
    </script>
</body>
</html>